@media screen and (max-width : 1000px) {
    @font-face {
        font-family: 'lato-lig';
        src:url('../fonts/Lato-Lig.ttf');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato-Hai';
        src:url('../fonts/Lato-Hai.ttf');
        font-weight: bolder;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato-Reg';
        src:url('../fonts/Lato-Reg.ttf');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'lato-Bla';
        src:url('../fonts/Lato-Bla.ttf');
        font-weight: normal;
        font-style: normal;
    }


    body{
        overflow:hidden;
        font-family: Arial;
    }

    .background {
        background: rgb(0, 0, 0);
        width: 100%;
        height: 100%;
    }

    .centered{
        float: none;
        margin: 0 auto;
        position: relative;
    }


    .pointer {
        cursor: pointer;
    }

    .center{
        text-align: center;
        padding: 0px 10px;
    }

    .justificado{
        text-align: justify;
        padding: 0px 10px;
    }

    .text_left{
        text-align: left;
        padding: 0px 10px;
    }

    .width100{
        width: 100%;
    }

    .width90 {
        width: 90%;
    }

    .marginTop10px{
        margin-top: 10px;
    }


    .marginTop30px{
        margin-top: 30px;
    }

    .colorNegroGris{
        color: rgb(97, 85, 85);
    }

    .cursiva{
        font-style: italic;
    }

    .negrilla{
        font-weight: bolder;
    }

    .texto_nosotrosSubrayado{
        color: #0087ca;
        font-size: 22px;
        font-weight: bolder;
    }

    .menu-elem-content{
        width: 100%;
        height: 100%;
        padding-top: 75px;
        color: white;
    }

    .overload_up{
        height: 49%;
        background: rgba(255, 255, 255, 1);
        width: 100%;
        position: absolute;
        z-index: 13;
        display: block;
        opacity: 1;
        top: 0%;
        box-shadow: 0px 2px 10px black;
        left: 0;
    }

    .overload_up_oculto{
        height: 49%;
        background: rgba(255, 255, 255, 1);
        width: 100%;
        position: absolute;
        z-index: 13;
        display: none;
        opacity: 0;
        top: -50%;
    }

    .overload_down{
        height: 49%;
        width: 100%;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        z-index: 13;
        bottom: 0%;
        display: block;
        opacity: 1;
        box-shadow: 0px -2px 10px black;
        left: 0;
    }

    .overload_down_oculto{
        height: 49%;
        width: 100%;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        z-index: 13;
        bottom: -50%;
        display: none;
        opacity: 0;
    }


    .content {
        width: 100%;
        /* Full Width */
        height: 10px;
        top: 49%;
        position: absolute;
        opacity: 1;
        left: 0;
    }

    .content_oculto {
        width: 100%;
        /* Full Width */
        height: 2px;
        top: 50%;
        position: absolute;
        opacity: 0;
    }


    .no-opacity{
        opacity: 1;
    }

    .centerTexto {
        position: absolute;
        top: 50%;
        left: 50%;
        color: green;
        font-size: 50px;
    }

    .texto_grande{
        font-size: 57px;
        font-family: "Lato-Hai";
    }

    .texto_mediano{
        font-size: 14px;
        font-family: "lato-Reg";
    }

    .texto_leyenda{
        font-family: "lato-lig";
    }

    .textoLargo{
        font-size: 11px;
        font-family: "Lato-Reg";
    }

    .slogan2{
        width: 85%;
        margin-top: 20px;
    }

    .negrita{
        font-weight: bold;
    }

    .verde{
        color : rgb(50, 194, 50);
    }

    /* HOME */

    #home{
        background: url(../images/fondo_home.jpg) no-repeat top center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .slogan{
        margin-top: 11px;
        font-size: 22px;
    }

    .textTitulo{
        font-family: "Lato-Hai";
        font-size: 50px;
    }

    .textSubTitulo{
        font-family: "Lato-Hai";
        font-size: 35px;
        color: black;
        top: 100px;
        position: absolute;
        list-style: none;
    }

    .arriba_nav{
        top:-200px !important;
    }

    .abajo_nav{
        top:0px !important;
    }

    .navbar-default {
        background: rgba(51, 51, 51, 0.35);
        border-color: transparent;
        width: 100%;
        overflow: overlay;
        white-space: nowrap;

        height: 70px;

        text-align: center;
    }

    .navbar-default-modificado {
        background: #37302c;
        border-color: transparent;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;

        height: 42px;

        text-align: center;
    }

    .navbar-collapse.collapse {
        text-align: center;
        display: block !important;
        height: 115px ;
        padding-bottom: 0;
        overflow: hidden;
    }

    .collapse-modificado{
        text-align: center;
        display: block !important;
        height: 40px !important;
        padding-bottom: 0;
        overflow: hidden !important;
        position: relative;
    }

    .a-modificado{
        padding-top: 9px !important;
        padding-bottom: 0px !important;
        height: 40px !important;
        font-size: 12px !important;
        color: #FFF !important;
        letter-spacing: 2px !important;
    }

    .a-modificado:hover{
        color: #FFF !important;
        background: transparent !important;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
        color: #FFF;
        letter-spacing: 2px;
		background: rgba(255,255,255,0) !important;
    }

    .navbar-default .navbar-nav > li > a:hover {
        font-size: 12px;
        color: #FFF;
        letter-spacing: 2px;
		background: rgba(255,255,255,0) !important;
    }

    .navbar-nav > li > a {
        display: table-cell;
        padding-top: 20px;
        padding-bottom: 15px;
        height: 40px;
        padding-right: 0px;
        vertical-align: middle;
		background: rgba(255,255,255,0) !important;
    }

    .imagen-icon{
        max-width: none;
        top: 37px;
        position: absolute;
        left: -25;
    }

    .imagen-icon-modificado{
        max-width: none !important;
        position: absolute !important;
        left: -25 !important;
        top: 10px !important;
    }

    .nav > li > a > img.contacto{
        margin-right: 12px;

    }


    .nav > li {
        margin-left: 0px;

        display: inline-block;

    }

    .navbar-nav {
        display:inline-block;
        margin: auto;

        float: none;
    }

    .oculto{
        display: none !important;
    }

    .opaco0{
        opacity: 0;
    }

    .opaco1{
        opacity: 1;
    }
    .current_opcion{
        border-bottom: 1px solid white !important;
    }



    .control{
        position:fixed;
        width:170px;
        cursor:pointer;
        z-index: 11;
    }

    #rightControl{
        right: -47px;
        bottom: 4%;

    }

    #leftControl{
        right: 1%;
        bottom: 4%;
    }

    .logo_home {
        border-bottom: 1px solid white;
        padding-bottom: 26px;
        margin-top: 75px;

        width: 90%;
    }

    .logo_home img {
        width: 30%;
    }
    .redes_sociales_home{
        margin-top: 54px;
    }


    .redes_sociales_home > img{
        margin-right: 30px;
    }

    #li_home {
        position: relative;
        top: -9px;
        left: 5px;
        cursor: pointer;

        width: 28px;

        height: auto;
    }

    .navbar.navbar-fixed-top.navbar-default-modificado ul {
        margin: auto;

        height: 38px;


        float: none;
    }


    .navbar.navbar-fixed-top li img {
        display: none;
    }
    /* NOSOTROS */

    #nosotros{
        background:  #FFFFFF;
        color: black;
        box-shadow: 0px -10px 30px rgb(122, 118, 118);
    }

    .texto_nosotros_oculto{
        position: relative;
        opacity: 0;
        font-size: 45px;
        color:  #37302c;
        margin-top: 33px;
        margin-bottom: 43px;
    }

    .text_nosotrosP1{
        letter-spacing: 9px;
        display: inline-block;
    }

    .text_nosotrosP2{
        letter-spacing: 0px;
        display: inline-block;
    }

    .texto_nosotros{
        position: relative;
        opacity: 1;
        font-size: 45px;
        color:  #37302c;
        margin-top: 65px;
        margin-bottom: 43px;

        margin-left: -3px;
    }


    .play_nosotros{
        border-radius: 50%;
        background: black;
        width: 76px;
        height: 76px;
        position: relative;
        display: inline-block;
        z-index: 10;

        top: 15px;
    }

    .play_nosotros:after{
        content: "";
        border-left: 36px solid #0087CA;
        border-top: 21px solid transparent;
        border-bottom: 21px solid transparent;
        border-right: 20px solid transparent;
        top: 15px;
        position: absolute;
        left: 26px;
    }

    .cajaTexto_nosotros{
        border-top: 1px solid #0087ca;
        padding-top: 20px;
        position: relative;
        top: 0px;
        left: 0px;
        width: 86%;
        opacity: 1;
    }

    .cajaTexto_nosotros_oculto{
        border-top: 1px solid #0087ca;
        padding-top: 20px;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        opacity: 0;
    }

    .cajaTexto_nosotros img{
        margin: 3px auto 14px auto;

        width: 8%;
    }

    .cajaTexto_nosotros_oculto img{
        margin: 13px auto 25px auto;
    }

    .redesSociales_general {
        position: fixed;
        top: 470px;
        width: 100%;
        opacity: 1;
        z-index: 10;

        text-align: center;
    }

    .redesSociales_general_oculto{
        position: fixed;
        left: 37%;
        bottom: 50;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }


    .redesSociales_nosotros > img{
        margin-bottom: 12px;
    }

    .redesSociales_nosotros_oculto > img{
        margin-bottom: 12px;
    }


    /* SERVICIO */


    #servicios{
        background: #347a84;
        box-shadow: 0px -10px 30px rgb(122, 118, 118);
    }

    .play_servicios{
        width: 76px;
        height: 76px;
        position: absolute;
        top: 194px;
        left: 179px;
    }

    .img_servicio.centered img {
        width: 95px;
        height: auto;
    }
    .play_servicios_esquina img {
        width: 22px;
        height: auto;
    }

    .play_servicios img {
        width: 22px;
        height: auto;
    }

    .play_servicios_esquina {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 85px;
        left: 29px;
    }

    .texto_servicios_oculto{
        position: absolute;
        opacity: 0;
        font-size: 77px;
    }

    .text_serviciosP1{
        top: 180px;
        left: 18px;
        letter-spacing: 6px;
    }

    .text_serviciosP2{
        top: 180px;
        left: 207px;
        letter-spacing: 6px;
    }

    .texto_servicios{
        position: absolute;
        opacity: 1;
    }


    .cajaTexto_servicios {
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 264px;
        left: 19px;
        width: 87%;
        opacity: 1;
    }

    .cajaTexto_servicios_oculto{
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 419px;
        left: 224px;
        width: 900px;
        opacity: 0;
    }

    .redesSociales_servicios{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 1;
    }

    .redesSociales_servicios_oculto{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 0;
    }

    .redesSociales_servicios > img{
        margin-bottom: 12px;
    }

    .redesSociales_servicios_oculto > img{
        margin-bottom: 12px;
    }

    .opciones_servicios{
        position: relative;
        top: 0px;
        width: 353px;
        height: 390px;
        opacity: 1;
        margin: auto;
    }

    .opciones_servicios_oculto{
        position: relative;
        top: 0px;
        width: 353px;
        height: 390px;
        opacity: 0;
        margin: auto;
    }

    .opcion_servicio{
        position: relative;
        width: 135px;
        margin: 0px;
        height: auto;
        display: inline-block;
        left: 0px;

        float: left;
        margin-left: 37px;
        margin-top: 50px;
    }

    .img_servicio{
        border-radius: 50%;
        width: 100px;
        height: 94px;
        padding: 0px;

        left: 0px;
    }

    .titulo_opc_servicio{
        border-bottom: 1px solid white;
        margin-top: 0px;

        width: 88%;
    }

    .boton_servicios {
        margin: 14px 60px;
        border: 1px solid white;
        background: transparent;
        width: 65%;
        text-align: center;
        position: absolute;
        bottom: -10px;
        cursor: pointer;
        z-index: 999;
        padding: 10px;
    }

    .boton_servicios2 {
        margin: 0px 30px;
        border: 1px solid white;
        background: transparent;
        width: 65%;
        text-align: center;
        position: absolute;
        bottom: -14px;
        cursor: pointer;
        padding: 10px;
    }

    .boton_servicios:hover{
        background: rgba(0,0,0,0.4);
    }

    .boton_servicios2:hover{
        background: rgba(0,0,0,0.4);
    }

    .resumen_servicio {
        padding: 0px;
        margin-top: 13px;
        height: 0px;
    }

    .volver_capa_oculto{
        top: 123px;
        position: absolute;
        right: 10px;
        opacity: 1;
        cursor: pointer;
    }

    .menu-elem-content > ul {
        position: absolute;
        top: 100px;
        left: 50px;
        color: black;
        font-size: 23px !important;
    }

    /* DETALLE SERVICIO BD MD y SO */

    #servicio_detalle_BD_M_SO{
        background: white !important;
    }

    #servicio_detalle_SF{
        background: white !important;
    }

    .txt_disponibilidad_oculto{
        position: absolute;
        top: 178px;
        left: 100px;
        z-index: 2;
        opacity: 0;
        font-size: 20px;
    }

    .txt_disponibilidad {
        position: absolute;
        top: 178px;
        left: 87px;
        z-index: 2;
        opacity: 1;
        font-size: 20px;
        color: black;
    }

    .txt_nr1_oculto{
        position: absolute;
        top: 235px;
        left: 530px;
        z-index: 2;
        opacity: 0;
        font-size: 30px;
    }

    .txt_nr1{
        position: absolute;
        top: 235px;
        left: 304px;
        z-index: 2;
        opacity: 1;
        font-size: 30px;
        color: black;
    }


    .txt_palo_base_oculto{
        position: absolute;
        top: 590PX;
        left: 498PX;
        z-index: 2;
        opacity: 0;
        font-size: 30px;
    }

    .txt_palo_base {
        position: absolute;
        top: 590PX;
        left: 278px;
        z-index: 2;
        opacity: 1;
        font-size: 30PX;
        color: black;
        text-shadow: aliceblue;
    }

    .disponibilidad_img {
        position: absolute;
        top: 130px;
        left: 173px;
        z-index: 2;
        opacity: 1;

        width: 13%;
    }
    .palo_base {
        position: absolute;
        opacity: 1;
        top: 200px;
        left: 332px;
        z-index: 1;
    }
    .nr1_capa {
        position: absolute;
        top: 176px;
        left: 44px;
        opacity: 1;

        width: 13%;
    }
    .nr2_capa {
        position: absolute;
        top: 174px;
        left: 477px;
        opacity: 1;
    }
    .nr3_capa {
        position: absolute;
        top: 503px;
        left: 77px;
        opacity: 1;
    }
    .nr4_1_capa {
        position: absolute;
        top: 427px;
        left: 106px;
        opacity: 1;
        z-index: 1;
    }

    .nr4_capa {
        position: absolute;
        top: 440px;
        left: 69px;
        opacity: 1;
        z-index: 2;
    }


    .nr5_capa {
        position: absolute;
        top: 250px;
        left: 210px;
        opacity: 1;
    }
    .nr6_capa {
        position: absolute;
        top: 270px;
        left: 159px;
        opacity: 1;
    }
    .nr7_capa {
        position: absolute;
        top: 286px;
        left: 75px;
        opacity: 1;
    }
    .nr8_capa {
        position: absolute;
        top: 443px;
        left: 392;
        opacity: 1;
        z-index: 2;
    }

    .nr8_1_capa {
        position: absolute;
        top: 431px;
        left: 396px;
        opacity: 1;
        z-index: 1;
    }

    .nr9_capa {
        position: absolute;
        top: 287px;
        left: 421px;
        opacity: 1;
    }
    .nr10_capa {
        position: absolute;
        top: 247px;
        left: 400px;
        opacity: 1;
    }
    .nr11_capa {
        position: absolute;
        top: 600px;
        left: 173px;
        opacity: 1;
    }


    .disponibilidad_img_oculto {
        position: absolute;
        top: 10px;
        left: 500px;
        z-index: 2;
        opacity: 0;
    }
    .palo_base_oculto {
        position: absolute;
        opacity: 0;
        top: 200px;
        left: 569px;
        z-index: 1;
    }
    .nr1_capa_oculto {
        position: absolute;
        top: 176px;
        left: 184px;
        opacity: 0;
    }
    .nr2_capa_oculto {
        position: absolute;
        top: 174px;
        left: 917px;
        opacity: 0;
    }
    .nr3_capa_oculto {
        position: absolute;
        top: 703px;
        left: 313px;
        opacity: 0;
    }
    .nr4_capa_oculto {
        position: absolute;
        top: 440px;
        left: 112px;
        opacity: 0;
    }

    .nr4_1_capa_oculto {
        position: absolute;
        top: 440px;
        left: 112px;
        opacity: 0;
        z-index: 2;
    }


    .nr5_capa_oculto {
        position: absolute;
        top: 250px;
        left: 450px;
        opacity: 0;
    }
    .nr6_capa_oculto {
        position: absolute;
        top: 270px;
        left: 399px;
        opacity: 0;
    }
    .nr7_capa_oculto {
        position: absolute;
        top: 286px;
        left: 315px;
        opacity: 0;
    }
    .nr8_capa_oculto {
        position: absolute;
        top: 443px;
        left: 933px;
        opacity: 0;
        z-index: 2;
    }

    .nr8_1_capa_oculto {
        position: absolute;
        top: 443px;
        left: 933px;
        opacity: 0;
    }

    .nr9_capa_oculto {
        position: absolute;
        top: 287px;
        left: 661px;
        opacity: 0;
    }
    .nr10_capa_oculto {
        position: absolute;
        top: 247px;
        left: 640px;
        opacity: 0;
    }
    .nr11_capa_oculto {
        position: absolute;
        top: 600px;
        left: 408px;
        opacity: 0;
    }



    /* DETALLE SERVICIO SF */

    .buenasPracticas_img {
        position: absolute;
        top: 150px;
        left: 200px;
        z-index: 2;
        opacity: 1;
    }
    .sf_palo_base {
        position: absolute;
        opacity: 1;
        top: 184px;
        left: 338px;
        z-index: 1;
    }
    .sf_nr1_capa {
        position: absolute;
        top: 538px;
        left: 76px;
        opacity: 1;
    }
    .sf_nr2_capa {
        position: absolute;
        top: 480px;
        left: 50px;
        opacity: 1;
    }
    .sf_nr2_1_capa{
        position: absolute;
        top: 465px;
        left: 100px;
        opacity: 1;
    }
    .sf_nr3_capa {
        position: absolute;
        top: 325px;
        left: 90px;
        opacity: 1;
    }
    .sf_nr4_capa {
        position: absolute;
        top: 282px;
        left: 218px;
        opacity: 1;
    }
    .sf_nr5_capa {
        position: absolute;
        top: 481px;
        left: 411px;
        opacity: 1;
    }

    .sf_nr5_1_capa {
        position: absolute;
        top: 465px;
        left: 402px;
        opacity: 1;
    }
    .sf_nr6_capa {
        position: absolute;
        top: 265px;
        left: 412px;
        opacity: 1;
    }
    .sf_nr7_capa {
        position: absolute;
        top: 288px;
        left: 441px;
        opacity: 1;
    }
    .sf_nr8_capa {
        position: absolute;
        top: 312px;
        left: 450px;
        opacity: 1;
    }
    .sf_nr9_capa {
        position: absolute;
        top: 331px;
        left: 461px;
        opacity: 1;
    }


    .buenasPracticas_img_oculto {
        position: absolute;
        top: 100px;
        left: 500px;
        z-index: 2;
        opacity: 0;
    }
    .sf_palo_base_oculto {
        position: absolute;
        opacity: 0;
        top: 134px;
        left: 624px;
        z-index: 1;
    }
    .sf_nr1_capa_oculto {
        position: absolute;
        top: 436px;
        left: 375px;
        opacity: 0;
    }
    .sf_nr2_capa_oculto {
        position: absolute;
        top: 376px;
        left: 358px;
        opacity: 0;
    }
    .sf_nr2_1_capa_oculto {
        position: absolute;
        top: 360px;
        left: 410px;
        opacity: 0;
    }
    .sf_nr3_capa_oculto {
        position: absolute;
        top: 211px;
        left: 370px;
        opacity: 0;
    }
    .sf_nr4_capa_oculto {
        position: absolute;
        top: 171px;
        left: 497px;
        opacity: 0;
    }

    .sf_nr5_capa_oculto {
        position: absolute;
        top: 377px;
        left: 697px;
        opacity: 0;
    }
    .sf_nr5_1_capa_oculto {
        position: absolute;
        top: 359px;
        left: 683px;
        opacity: 0;
    }
    .sf_nr6_capa_oculto {
        position: absolute;
        top: 146px;
        left: 705px;
        opacity: 0;
    }
    .sf_nr7_capa_oculto {
        position: absolute;
        top: 174px;
        left: 735px;
        opacity: 0;
    }
    .sf_nr8_capa_oculto {
        position: absolute;
        top: 194px;
        left: 746px;
        opacity: 0;
    }
    .sf_nr9_capa_oculto {
        position: absolute;
        top: 210px;
        left: 755px;
        opacity: 0;
    }

    /* NOTICIAS*/

    #noticias{
        background: #25cace;
    }

    .play_noticias{
        width: 50px;
        height: 50px;
        position: absolute;
        top: 254px;
        left: 168px;
    }

    .play_noticias img {
        width: 32px;
    }

    .play_noticias_esquina {
        width: 76px;
        height: 76px;
        position: absolute;
        top: 20px;
        left: 5px;
    }

    .texto_noticias_oculto{
        position: absolute;
        opacity: 0;
        font-size: 45px;
    }

    .text_noticiasP1{
        top: 255px;
        left: 35px;
        letter-spacing: 6px;
    }

    .text_noticiasP2{
        top: 255px;
        left: 215px;
        letter-spacing: 6px;
    }

    .texto_noticias{
        position: absolute;
        opacity: 1;
    }


    .cajaTexto_noticias {
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 348px;
        left: 25px;
        width: 77%;
        opacity: 1;
    }

    .cajaTexto_noticias_oculto{
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 419px;
        left: 224px;
        width: 900px;
        opacity: 0;
    }

    .redesSociales_noticias{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 1;
    }

    .redesSociales_noticias_oculto{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 0;
    }

    .redesSociales_noticias > img{
        margin-bottom: 12px;
    }

    .redesSociales_noticias_oculto > img{
        margin-bottom: 12px;
    }

    #contenido_noticias{
        opacity: 1;
    }

    #contenido_noticias_oculto{
        opacity: 0;
    }


    .noticiaPrincipal{
        position: relative;
        left: 0px;
        width: 439px;
        display: inline-block;
        text-align: left;
        opacity: 1;
    }

    .noticiaPrincipal_oculto{
        position: relative;
        top: 0px;
        left: 100px;
        width: 510px;
        height: 315px;
        display: inline-block;
        text-align: left;
        opacity: 0;
        border: 1px solid red;
        float: left;
    }


    .span_rss {
        padding: 0px 2px 0px 0px;
        width: 100%;
        position: relative;
        height: 115px;
        overflow: auto;
        display: inline-block !important;
        opacity: 1;
        /* background: #353535; */
    }

    .span_rss_oculto {
        padding: 0px 2px 0px 0px;
        width: 436px;
        position: relative;
        top: 0px;
        left: 100px;
        height: 316px;
        overflow: auto;
        display: inline-block !important;
        opacity: 0;
        float: left;
    }


    .border_noticias {
        position: relative;
        padding: 0px;
        display: block;
        overflow: hidden;
        margin: auto;
        opacity:1;

        width: 71%;
    }

    .border_noticias_oculto {
        position: relative;
        padding: 0px;
        display: block;
        overflow: hidden;
        height: 700px;
        margin: -164px auto;
        width: 1045px;
        opacity:0;
    }

    #noticias_videos {
        border-top: 2px solid white;
        height: 136px;
        position: relative;
        margin-left: -10px;
        opacity: 1;
        overflow-x: auto;
        padding: 0;

        white-space: nowrap;
    }

    #noticias_videos_oculto {
        width: 90%;
        border-top: 2px solid white;
        height: 170px;
        float: left;
        top: 164px;
        position: relative;
        margin-left: 100px;
        opacity: 0;
    }




    .tituloNoticiaPrincipal {
        font-size: 20px;
        width: 146px;
        text-align: right;
        line-height: 32px;

        font-family: Lato-bla;
        display: inline-block;
        top: 18px;
        position: relative;
    }
    .descripNoticiaPrincipal {
        font-size: 26px;
        font-family: Lato-Lig;
        width: 400px;
        float: left;
        color: black;
    }

    .div_img_noticiaPrincipal{
        position: relative;
        width: 30%;
        margin-left: 0px;

        display: inline-block;
        top: -24px;

        text-align: right;
    }


    .div_img_noticiaPrincipal img{
        margin: 0px 20px;
    }

    #noticias a {
        border-left: 4px solid white;
        padding: 9px;
        margin-left: 15px;
    }

    .bloque_video {
        position: relative;
        margin: 1px 9px;
        margin-top: 8px;
        width: 200px;
        display: inline-block;
    }

    .bloque_video iframe {
        width: 120px !important;
        height: 100px !important;
    }


    /* CONTACTOS*/

    #contactos{
        background: #FFFFFF;
        color: black;
        box-shadow: 0px -10px 30px rgb(122, 118, 118);
        width: 100%;
    }

    .play_contactos_esquina{
    }

    .play_contactos_esquina img {
        width: 50px;
    }
    .formulario_contacto input {
        width: 95%;
        height: 18px;
    }

    .play_contactos{
        width: 76px;
        height: 76px;
        position: absolute;
        top: 225px;
        left: 158px;
    }

    .play_contactos img {
        width: 45px;
    }

    .play_contactos_esquina {
        width: 37px;
        height: 76px;
        position: absolute;
        top: 56px;
        left: 7px;
    }

    .texto_contactos_oculto{
        position: absolute;
        opacity: 0;
        font-size: 45px;
    }

    .text_contactosP1{
        top: 210px;
        left: 62px;
        letter-spacing: 2px;
    }

    .text_contactosP2{
        top: 210px;
        left: 199px;
        letter-spacing: 2px;
    }

    .texto_contactos{
        position: absolute;
        opacity: 1;
        font-size: 45;
    }


    .cajaTexto_contactos {
        border-top: 1px solid black;
        padding-top: 20px;
        position: absolute;
        top: 299px;
        left: 10px;
        width: 90%;
        opacity: 1;
    }

    .cajaTexto_contactos_oculto{
        border-top: 1px solid black;
        padding-top: 20px;
        position: absolute;
        top: 419px;
        left: 224px;
        width: 900px;
        opacity: 0;
    }

    .redesSociales_contactos{
        position: absolute;
        left: 76px;
        top: 293px;
        width: 50px;
        opacity: 1;
    }

    .redesSociales_contactos_oculto{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 0;
    }

    .redesSociales_contactos > img{
        margin-bottom: 12px;
    }

    .redesSociales_contactos_oculto > img{
        margin-bottom: 12px;
    }

    .opciones_contactos{
        position: absolute;
        top: 0px;
        left: 0px;

        height: 98%;
    }

    .opciones_contactos_oculto{
        position: absolute;
        top: 95px;
        left: 157px;
        width: 1160px;
        height: 500px;
        opacity: 0;
    }

    .mensaje_envioCorreo {
        width: 81%;
        position: absolute;
        border: 1px solid;
        padding: 11px;
        top: 51px;
        left: 32px;
    }

    .error_envioCorreo{
        border: 1px solid red;
        background: rgba(255, 0, 0, 0.23);
        color: rgb(133, 47, 47);
    }

    .exito_envioCorreo{
        border: 1px solid #4ca641;
        background: rgba(76, 166, 65, 0.43);
        color: #4ca641;
    }

    .campoError {
        border-bottom: 1px solid red !important;
        box-shadow: 10px -3px 0px red inset;
        padding-left: 17px;
    }

    .formulario_contacto {
        position: relative;
        margin-top: 75px;
        height: 250px;
        margin-left: 14px;

        width: 90%;
    }

    .formulario_contacto > input {
        border: 0px;
        border-bottom: 1px solid black;
        width: 97%;
        height: 20px;
        margin: 9px auto;
    }

    #mensaje_contacto2 {
        margin-top: -9px;
        padding: 0px;
        height: 23px;
    }
    #mensaje_contacto3 {
        margin-top: -9px;
        padding: 0px;
        height: 23px;
    }

    #enviarMensaje_contacto{
        width: 50%;
        padding: 15px;
        background: white;
        border: 1px solid black;
        margin-top: 31px;

        position: absolute;
        top: 164;
        margin-left: 15px;
        right: 15px;
    }

    .mapa_servicio {
        width: 85%;
        border: 1px solid;

        height: 158px;
        position: relative;
        top: -3px;
        left: 19;
    }

    .gmap3 {
        margin: 0px;
        border: 1px dashed #c0c0c0;
        width: 100%;
        height: 100%;
    }
    .gmap3 .forma {
        width: 400px;
        height: 190px;
        background: rgba(204,204,204,0.46);
        -webkit-box-shadow: 1px 1px 10px #fdf8f8 inset;
        box-shadow: 1px 1px 10px #fdf8f8 inset;
        padding: 12px 12px 0px 12px;
    }
    .gmap3 .forma h2 {
        color: #838383;
        text-transform: uppercase;
        width: 90%;
    }
    .gmap3 .forma p {
        color: rgba(131,131,131,0.94);
        width: 90%;
    }
    .gmap3 .forma hr {
        width: 98%;
        color: #838383;
        margin-top: 10px;
    }
    .gmap3 .forma div.botones_redes {
        width: 49%;
        height: 50px;
        display: inline-block;
    }
    .gmap3 .forma div.botones_redes div {
        display: inline-block;
        width: 30px;
        margin-left: 25px;
        cursor: pointer;
    }
    .gmap3 .forma div.contactenos {
        width: 49%;
        height: 50px;
        display: inline-block;
    }
    .gmap3 .forma div.contactenos div {
        display: inline-block;
        width: 100%;
        margin-left: 5px;
        color: #000;
    }
    .gmap3 .forma div.contactenos div span {
        font-weight: bold;
    }


    .footer {
        text-align: left;
        position: absolute;
        bottom: -14px;
        background: #FCFCFC;
        padding: 5px;
        width: 101%;
        color: black;
    }


    .overload_up{
        height: 50%;
        background: black;
        width: 100%;
        position: absolute;
        z-index: 9999;
        display: block;
        opacity: 1;
        top: 0%;
        box-shadow: 0px 2px 10px black;
        left: 0;
    }

    .overload_up_oculto{
        height: 50%;
        background: black;
        width: 100%;
        position: absolute;
        z-index: 9999;
        display: none;
        opacity: 0;
        top: -50%;
    }

    .overload_down{
        height: 50%;
        width: 100%;
        background: black;
        position: absolute;
        z-index: 9999;
        bottom: 0%;
        display: block;
        opacity: 1;
        box-shadow: 0px -2px 10px black;
        left: 0;
    }

    .overload_down_oculto{
        height: 50%;
        width: 100%;
        background: black;
        position: absolute;
        z-index: 9999;
        bottom: -50%;
        display: none;
        opacity: 0;
    }



    .content {
        width: 100%;
        /* Full Width */
        height: 10px;
        top: 49%;
        position: absolute;
        opacity: 1;
        left: 0;
        z-index:10000;
    }

    .content_oculto {
        width: 100%;
        /* Full Width */
        height: 2px;
        top: 50%;
        position: absolute;
        opacity: 0;
    }

    .expand {
        width: 100%;
        height: 2px;
        margin: 2px 0;
        background: #2187e7;
        position: absolute;
        -moz-animation: fullexpand 3s ease-out;
        -webkit-animation: fullexpand 3s ease-out;
        /*-moz-animation: fullexpand 2s ease-out;
        -webkit-animation: fullexpand 2s ease-out;    */
        z-index: 2;
    }

    .rotateinfinite{
        position: absolute;
        left: 43%;
        top: 175px;
        width: 50px;
        height: 50px;
    }

    .rotateinfinite{

        animation-name: rotateinfinite;-webkit-animation-name: rotateinfinite;
        animation-timing-function: linear;-webkit-animation-timing-function: linear;
        animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
        animation-duration: 3s;
        -webkit-animation-duration: 3s;
    }


    .rotateinfinite img {
        width: 50px;
    }

    @keyframes rotateinfinite {
        from {
            transform: rotateY(0deg);
        }
        to {
            transform: rotateY(-360deg);
        }
    }

    @-webkit-keyframes rotateinfinite {
        from {
            -webkit-transform: rotateY(0deg);
        }
        to {
            -webkit-transform: rotateY(-360deg);
        }
    }


    /* Full Width Animation Bar */
    @-moz-keyframes fullexpand {
        0%  { width: 0px;
        }

        100% {
            width: 100%;
        }
    }

    @-webkit-keyframes fullexpand {
        0% {
            width: 0px;
        }

        100% {
            width: 100%;
        }
    }

    .odd {
        background: #0A97DD;
    }

    .border_prueba {
        position: relative;
        padding: 0px;
        display: block;
        overflow: hidden;
        height: 700px;
        margin: -164px auto;
        width: 1045px;
    }

    .ocultarMovil {
        display: none;
    }
}

